<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<base href="<%=basePath%>">
<html lang="zn-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <meta HTTP-EQUIV="expires" CONTENT="0">
    <title>手机群录</title>
    <link rel="stylesheet" href="css/rate.css">
<style type="text/css">
    #wechatQr{
       margin-bottom: 10px;
    }
</style>
</head>
<body class="f6">
<div class="wrap por height_98">
    <div class="main_body wrapper" style="padding-bottom:0px">
        <img class="avatar" style="display: none" src="http://111.231.253.134/static/common/img/mp/avatar.jpg" id="filePicker">
        <div class="type">
            <div class="rate_head">
                <img id="memberShare">
            </div>
            <p class="weight_out por" style="">
                <img src="img/name0.png">
                编号
                <input type="text" class="weight" name="memberNum" readonly>
            </p>
            <p class="weight_out por" style="">
                <img src="img/name0.png">
                姓名
                <input type="text" class="weight" name="name" readonly>
            </p>
            <p class="weight_out por wrap_call" style="">
                <img src="img/mobile0.png" id="mobile">
                手机
                <input type="text" class="weight" name="mobile" readonly>
            </p>
            <p id="mobileTop"></p>
            <p class="weight_out por" style="">
                <img src="img/email0.png">
                邮箱
                <input type="email" class="weight" name="email" readonly>
            </p>
            <p class="weight_out por" style="">
                <img src="img/wechat0.png">
                微信
                <input type="text" class="weight" name="wechat" readonly>
            </p>
            <p class="weight_out por" style="">
                <img src="img/address0.png">
                地址
                <input type="text" class="weight" name="addr" readonly>
            </p>
            <p class="weight_out por" style="">
                <img src="img/tel0.png">
                电话
                <input type="text" class="weight" name="tel" readonly>
            </p>
        </div>
        <div class="rate_head" style="text-align: center;margin-bottom: -30px">
            <img src="" id="wechatQr">
            <%--<p style="color:#989898; font-size: 10px">长按识别图片关注手机群录微信公众号</p>--%>
        </div>
    </div>

    <div class="toast toast_timeout" style="display:none">网络异常，请稍后重试！</div>
    <div class="toast toast_error" style="display:none">信息输入有误</div>
    <div class="loading" style="display:none">
        <img src="img/loading.gif">
    </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/handle.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/ask.js"></script>
<script type="text/javascript">
    var memName =  "${memberNum}";
    var memImgUrl = "";
    $(function () {
        $("#memberShare").attr("src",$.httpStaticPath()+'common/img/share_log2.png')
        $("#wechatQr").attr("src",$.httpStaticPath()+'common/img/mp/mp_guanzhu_lit.jpg')
        $(".loading").show();
        var r = ${result};
        setHisInfo(r,function () {
            memName =  $("input[name='name']").val();
            memImgUrl = $("#filePicker").attr("src");
            $(".wrap_call").wrap(function (index) {
                var result = '<a href="tel:{val}" style="text-decoration:none;"></a>';
                return result.replace("{val}", $(":input", this).val());
            });
            $(".loading").hide();
        });
        errorToast("点击手机号码可唤起键盘拨号", 1);
    });
</script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="js/weixin.js"></script>
<script type="text/javascript">
    var jsApiList = ['onMenuShareTimeline', 'onMenuShareAppMessage'];
    getSignature(jsApiList, function () {
        shareMemberInfo("${memberNum}",memName,"${fromUser}",memImgUrl);
    })
</script>
</body>
</html>